<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>
<body>
    <!-- 
        HTML5 新增的语义化标签
            header: 头部标签
            nav: 导航标签
            article: 内容标签
            section: 定义文档某个区域
            aside: 侧边标签栏
            footer: 尾部标签

        不过也不要想太多，这些标签其实本质依然是div，只不过改成这样之后代码维护起来更方便，可以一眼看出来谁是头部谁是侧边栏什么的.

        注意:
            - 这种语义化标准主要是针对搜索引擎的
            - 这些新标签页面中可以使用多次
            - 在IE9中，需要把这些元素转换为块级元素
            - 其实，移动端会更喜欢使用这些标签
     -->
     <header>
        <nav></nav>
     </header>
     <footer></footer>
</body>
</html>